.coupon-detail {
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
  .nav {
    color: rgba(0,0,0,0.45);
  }
  .coupon-detail-list { 
    .status-circle {
      position: relative;
    }
    .status-circle::before {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      content: '';
      width: 6px;
      height: 6px;
      display: inline-block;
      border-radius: 8px;
    }
    .recived-status::before {
      background: #0094FF;
    }
    .expired-status::before {
      background: #FF1600;
    }
    .used-status::before {
      background: rgb(89, 226, 10);
    }
  }

  .ant-table-bordered .ant-table-thead > tr > th, .ant-table-bordered .ant-table-tbody > tr > td {
    border-right: none;
  }
}
